import Image from 'next/image'
import React from 'react'
import { assets } from '../../../assets/assets'

const Footer = () => {
  return (
    <div className="mt-20">
      <div className="text-center">
        <Image src={assets.logo} alt="" className="w-36 mx-auto mb-2"></Image>

        <div className="w-max flex  items-center gap-2 mx-auto ">
          <Image src={assets.mail} alt="" className="w-6"></Image>
          15630777777@163.com
        </div>
      </div>

      <div className="text-center sm:flex items-center justify-between border-t border-gary-400 mx-[10%] mt-12 py-6">
        <p>@2025 gao mark.All rights reserved.</p>
        <ul className="flex items-center gap-10 justify-center mt-4 sm:mt-0">
          <li>
            <a target="_blank" href="">
              ghthub
            </a>
          </li>
          <li>
            <a target="_blank" href="">
              LinkedIn
            </a>
          </li>
          <li>
            <a target="_blank" href="">
              Twitter
            </a>
          </li>
          <li>
            <a target="_blank" href="">
              ghthub
            </a>
          </li>
        </ul>
      </div>
    </div>
  )
}

export default Footer
